{% extends "base.html" %}

{% block extra_head %}{% endblock %}
{%block main%}
<div class="row">
    <div id="vmaig-content" class="col-md-8 col-lg-9">
        <!-- 警告框 -->
        <div class="well alert hidden-xs fade in">
            <button class="close" data-dismiss="alert" type="button">&times;</button>
            欢迎来到
            <a href="" target="_blank">ONES</a>
            ,如果有任何问题可以加QQ：962182044。
        </div>

        <div class="visible-xs">
            <div class="search">
                <form class="form-inline clearfix" role="form" method="get" action="/search/">
                    <input type="text" class="form-control" id="top-s" name="s">
                    <button class="btn btn-vmaig">
                        <span class="glyphicon glyphicon-search"></span>
                    </button>
                </form>
            </div>
        </div>
        <!-- 首页文章列表 -->
        <div id="home-post-list">
            <!-- 首页轮播 -->

            <!--首页文章列表 -->
            {% for post in posts %}
                {% include "home_post.html" %}
            {% endfor %}

            <!--分页 -->

                {% include "pagination.html"%}

        </div>
    </div>

    <!-- 右边的widgets -->
    <div id="vmaig-side" class="col-md-4 col-lg-3 hidden-xs">
        {% include "widgets/tags_cloud.html"%}
        {% include "widgets/article_hot.html"%}
    </div>
</div>
{% endblock %}
